body {
    overflow: auto;
}

body,
html,
p,
li,
ul,
h1,
h2,
h3,
h4 {
    padding: 0;
    margin: 0;
}

ul,
li {
    list-style: none;
}

.center {
    text-align: center;
}

.clear {
    clear: both
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
    overflow: hidden;
}

.clearfix {
    zoom: 1;
}

.el-backtop .left {
    float: left;
}

.right {
    float: right;
}

.mr-0 {
    margin-right: 0 !important;
}

.mr-5 {
    margin-right: 5px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-15 {
    margin-right: 15px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.ml-8 {
    margin-left: 8px;
}

.ml-45 {
    margin-left: 45px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-65 {
    margin-left: 65px;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-5 {
    margin-bottom: 5px;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-40 {
    margin-bottom: 40px;
}

.mtv-25 {
    margin-top: -25px;
}

.mtv-15 {
    margin-top: -15px;
}

.wp-100 {
    width: 100%
}

.w-68 {
    width: 68px !important;
}

.w-80 {
    width: 80px;
}

.w-100 {
    width: 100px;
}

.w-200 {
    width: 200px;
}

.w-370 {
    width: 370px !important;
}

.w-215 {
    width: 215px;
}

.w-800 {
    width: 800px;
}

.h-100 {
    height: 100px;
}

.bold {
    font-weight: bold;
}

.block {
    display: block !important;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

// 左侧滚动吸顶
.isFixed {
    position: fixed;
    z-index: 999;
}

// 抽屉fix弹出，解决body滚动条的显示
.fix-drawer .el-drawer {
    position: fixed;
}

// webkit内核滚动条样式
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: transparent;
}

 ::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 4px;
    background: hsla(0, 0%, 53%, 0.4);
}

 ::-webkit-scrollbar-track {
    background: hsla(0, 0%, 53%, 0.1);
}

// 重置element-ui样式
// 重置select下拉框
.el-select-dropdown__item {
    height: 36px;
    line-height: 36px;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
    background: #F2F5F9FF;
}

// 重置popover
.el-popover {
    min-width: auto;
}

// 重置tooltip
.el-tooltip__popper {
    white-space: pre-wrap;
}

// 重置dropdown
.el-dropdown-menu {
    border-radius: 0;
}

.el-dropdown-menu__item {
    text-align: center;
    line-height: 30px;
    color: #4C4C4C;
    &:focus,
    &:not(.is-disabled):hover {
        background-color: transparent;
        color: #1678f9;
    }
}

// 更多picker
.select-picker.more-picker {
    width: calc(100% - 272px) !important;
    left: 254px !important;
}

// “不完善”标签
.notice-label {
    font-size: 12px;
    color: rgba(255, 255, 255, 1);
    line-height: 17px;
    padding: 0 5px;
    height: 19px;
    background: rgba(234, 43, 63, 1);
    border-radius: 2px;
    font-weight: 400;
    display: inline-block;
    text-align: center;
    line-height: 19px;
    vertical-align: 1px;
    margin-left: 4px;
}

.el-loading-mask {
    background-color: transparent
}

// 无数据
.empty-page {
    text-align: center;
    img {
        width: 220px;
        height: 196px;
        margin: 100px auto 40px auto;
    }
    p {
        font-size: 14px;
        color: #B3B3B3;
    }
    button {
        width: 96px !important;
        height: 32px !important;
        line-height: 32px !important;
        font-size: 16px !important;
        margin-top: 20px !important;
        border-radius: 30px !important;
    }
}

.el-drawer__wrapper {
    .el-drawer__body {
        overflow: auto;
    }
}

.el-tabs__nav-wrap::after {
    background-color: transparent
}

.popover-modal {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
}

// el-popconfirm
.el-popconfirm {
    .el-popconfirm__main {
        color: #343434;
        font-size: 12px;
    }
    .el-popconfirm__action {
        margin-top: 10px;
        text-align: center;
        .el-button {
            padding: 4px 12px;
            font-size: 12px;
            color: #0E68F7;
        }
        .el-button--primary {
            border-radius: 16px;
            background: #0E68F7;
            color: #fff;
            border: none;
        }
    }
}

.skill-page-picker {
    width: 340px !important;
    .el-tabs__item,
    .el-tabs__nav {
        width: 120px !important;
    }
    .el-tabs__item {
        padding-left: 20px !important;
    }
}

.baseInfo-page-picker {
    width: 340px !important;
    padding: 0;
    .select-picker-inner {
        .el-tabs__nav,
        .el-tabs__item {
            width: 130px;
        }
        .el-tabs__item {
            padding-left: 10px;
            text-align: left;
        }
    }
}

.resume-page-picker {
    width: 1000px !important;
    left: 50% !important;
    margin-left: -650px !important;
    padding: 0;
    .select-picker-inner {
        .el-tabs__item {
            width: 150px;
            text-align: left;
        }
        .el-tabs__nav {
            width: 150px;
        }
        .el-tabs__content {
            width: 730px !important;
        }
        .select-items li {
            width: initial;
        }
        .footer .tip {
            label {
                width: initial;
                margin: initial;
                &::after {
                    display: none;
                }
            }
        }
    }
}

.largeWidth {
    width: 1340px !important;
}

.intention-industry-picker,
.live-city-picker {
    padding: 0;
    .el-tabs--left .el-tabs__item.is-left {
        text-align: left;
    }
}

.blue-dot-line {
    color: #1678f9;
}

.sub-menu-pop {
    top: 49px !important;
}

.sub-menu-pop .el-menu {
    min-width: 140px;
    .el-menu-item {
        line-height: 44px;
        height: 44px;
        &:hover {
            background-color: #1678F9;
            color: #fff !important;
        }
    }
}

// adminStyle
.link-type,
.link-type:focus {
    color: #337ab7;
    cursor: pointer;
    &:hover {
        color: rgb(32, 160, 255);
    }
}

.el-tabs__item {
    padding-top: 5px;
    height: 45px;
    box-shadow: none !important;
    .el-badge {
        vertical-align: -6px;
    }
}

// 树样式
.mini-portal-page,
.statistics {
    .el-card.left {
        .el-tree {
            &>.el-tree-node {
                &.is-expanded {
                    margin-bottom: 10px;
                    &:last-child {
                        margin-bottom: 0;
                    }
                }
            }
            .el-tree-node {
                transition: all 0.2s;
                .el-tree-node__content {
                    height: 34px;
                    .el-tree-node__label {
                        color: #0D121A;
                        font-size: 14px;
                        font-weight: 500;
                        padding-left: 16px;
                    }
                }
                .el-tree-node__children {
                    .el-tree-node__label {
                        padding-left: 29px;
                        color: #666;
                        font-size: 14px;
                        font-weight: normal;
                    }
                    .is-leaf {
                        &.el-icon-caret-right {
                            display: none;
                        }
                    }
                }
                .el-tree-node__expand-icon {
                    &.expanded.el-icon-caret-right {
                        position: absolute;
                        right: 10px;
                        transform: rotate(180deg);
                        &::before {
                            content: "";
                            width: 14px;
                            height: 14px;
                            display: inline-block;
                            background: url('~@/assets/images/resume/arrow_d.png') no-repeat;
                            background-size: 14px;
                        }
                    }
                    &.el-icon-caret-right {
                        position: absolute;
                        right: 10px;
                        transform: rotate(0deg);
                        &::before {
                            content: "";
                            width: 14px;
                            height: 14px;
                            display: inline-block;
                            background: url('~@/assets/images/resume/arrow_d.png') no-repeat;
                            background-size: 14px;
                        }
                    }
                }
            }
        }
    }
}

// H5站布局样式
.template-h5 {
    .el-card__body {
        display: flex;
        justify-content: space-between;
    }
    .left-part {
        transform: scale(0.7);
        margin-top: -115px;
        height: 853px;
        header {
            width: 377px;
            height: 74px;
            background: url('~@/assets/images/miniPortal/phone_header.jpg') no-repeat;
            background-size: 100%;
        }
        section {
            width: 375px;
            min-height: 662px;
            position: relative;
            background: url('~@/assets/images/miniPortal/phone.png') no-repeat;
            background-size: 100% 96%;
            padding: 57px 31px;
        }
    }
    .right-part {
        h3 {
            line-height: 32px;
            font-size: 16px;
            margin-bottom: 16px;
        }
        .el-input {
            width: 400px;
        }
    }
}

.el-form-item__label {
    padding-right: 20px;
}

.resume-detail-supplier-drawer {
    .drawer-detail-inner {
        width: 100%;
        border-radius: 4px;
        margin-left: 0;
    }
    .el-drawer.btt {
        top: 60px;
        height: 100% !important;
        width: 98%;
        margin-left: 1%;
    }
}

.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
    background-color: #F0F1F2;
}

.el-tree-node__content:hover {
    background-color: #fafafa;
}

// ui规范，统一不要箭头
.el-popper[x-placement^=bottom] {
    margin-top: 6px;
    .popper__arrow {
        display: none;
    }
}

.pre-line {
    white-space: pre-line;
}

.cursor-pointer {
    cursor: pointer;
}

.el-upload-list--picture .el-upload-list__item-thumbnail {
    object-fit: cover;
}

.to-now-date {
    padding-bottom: 40px;
    .now-date {
        width: 100px;
        margin: 0 auto;
        display: block;
        font-size: 12px;
        text-align: center;
        height: 36px;
        line-height: 36px;
        cursor: pointer;
        position: absolute;
        left: 50%;
        margin-left: -50px;
        &:active {
            color: #409EFF;
            font-weight: bold;
        }
        &:hover {
            color: #409EFF;
        }
    }
}

.to-now-text {
    position: absolute;
    left: 0px;
    padding-left: 13px;
    font-size: 12px;
    height: 26px;
    cursor: text;
    top: 50%;
    margin-top: -13px;
    line-height: 26px;
}

.el-icon-question {
    cursor: pointer;
}